<template>
  <div class="tv-box">
    <videoSwipe></videoSwipe>
    <div class="tv-page-box">
      <!-- 分类 -->
      <all-classification></all-classification>
      <!-- 收藏 -->
      <tvCollect></tvCollect>
      <div class="tv-title">正在热播</div>
      <div class="tv-video-box">
        <videoMedium :id="'ceshidebn'"></videoMedium>
        <movieChunk v-for="index in 8" :key="index" class="tv-chunk"></movieChunk>
        <my v-for="index in 3" :key="index" :id="'cegshide'" :config="{config:'https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_1920x1080.mp4'}"></my>

      </div>
    </div>
  </div>
</template>

<script>
import videoSwipe from '@/components/video-box/video-swipe'
import allClassification from './tv-compoments/all-classification'
import tvCollect from './tv-compoments/tv-collect.vue'
import videoMedium from '@/components/video-box/video-medium'
import movieChunk from '@/components/video-box/movie-chunk'
import my from '../../components/pub-video/video.vue'
export default {
  components: {
    videoSwipe,
    allClassification,
    tvCollect,
    videoMedium,
    movieChunk,
    my
  }
}
</script>

<style lang="scss" scoped>
.tv-box {
  .tv-page-box {
    // width: 100%;
    padding: 10px;
    .tv-title {
      margin: 10px 0;
    }
    .tv-video-box {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      .tv-chunk {
        margin-bottom: 10px;
      }
    }
  }
}
</style>
